@import '../../theme/index.scss';

.#{$hs-ui-prefix}-select {
    position: relative;

    .#{$hs-ui-prefix}-select__dropdown {
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 999;

        .#{$hs-ui-prefix}-select__dropdown-wrapper {
            background-color: $main-color;
            border-radius: $border-radius;
            box-shadow: $input-box-shadow;

            .#{$hs-ui-prefix}-select__dropdown-arrow {
                width: 20px;
                height: 20px;
                border: none;
            }
    
            .#{$hs-ui-prefix}-select__list {
                width: 100%;
    
                .#{$hs-ui-prefix}-select__list-item {
                    padding: $padding-8 $padding-24;
                    height: $margin-24;
                    box-sizing: content-box;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    cursor: pointer;
                }
            }
        }
	}
}
